$(function(){
    InitMenu();
    $("#tabs").tabs({
        onSelect:function(_tit){
            $('body').layout('panel', 'center').panel({
                    title:"所在位置：" + _tit
                });
        }
    });
});
function InitMenu() {
    $("#nav").accordion({animate:false});
    $.get(_CONTEXT_PATH+"/menu/list",function(data,status){
        $.each(data, function(i, n) {
            var menulist ='';
            menulist +='<ul>';
            $.each(n.menus, function(j, o) {
                menulist += '<li><div><a ref="'+o.id+'" href="#" rel="' + o.url + '" ><span class="icon '+o.icon+'" >&nbsp;</span><span class="nav">' + o.name + '</span></a></div></li> ';
            })
            menulist += '</ul>';

            $('#nav').accordion('add', {
                title: n.menu.name,
                content: menulist,
                iconCls: 'icon ' + n.menu.icon
            });

        });
        $('.easyui-accordion li a').click(function(){
            var tabTitle = $(this).children('.nav').text();

            var url = $(this).attr("rel");
            var menuid = $(this).attr("ref");
            var icon = $(this).find("span:first").attr("class");

            addTab(tabTitle,url,icon);
            $('.easyui-accordion li div').removeClass("selected");
            $(this).parent().addClass("selected");
        }).hover(function(){
                $(this).parent().addClass("hover");
            },function(){
                $(this).parent().removeClass("hover");
            });

        //选中第一个
        var panels = $('#nav').accordion('panels');
        var t = panels[0].panel('options').title;
        $('#nav').accordion('select', t);
    });
}

function createFrame(url){
    return '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
}

function addTab(subtitle,url,icon){
    $(".combo-panel").parent(".panel").remove();//清楚所有class为combo-panel的class为panel的父元素，解决combobox在页面缓存的问题
    $('body').layout('panel', 'center').panel({
        title:"所在位置：" + subtitle
    });
    if(!$('#tabs').tabs('exists',subtitle)){
        $('#tabs').tabs('add',{
            title:subtitle,
            content:createFrame(url),
            closable:true,
            icon:icon
        });
    }else{
        $('#tabs').tabs('select',subtitle);
        $('#mm-tabupdate').click();
    }
    tabClose();
}